<template>
  <div class="error-wrap">
    <div class="error-box">
      <img src="./empty.png" class="empty"/>
      <span class="title">{{title}}</span>
    </div>
  </div>
</template>

<script>
  export default {
    props: {
      title: {
        type: String,
        default: "抱歉，您没有管理权限~"
      }
    }
  }
</script>

<style lang="stylus" scoped>
  .error-wrap
    display: flex
    align-items: center
    justify-content: center
    width: 100%
    height: 100%
    overflow: hidden
    .error-box
      display: flex
      flex-direction: column
      align-items: center
      .empty
        width: 4.773rem
        height: 4.773rem
      .title
        margin-top: 0.333rem
        font-size: 0.427rem
        color: rgba(153, 153, 153, 1)
</style>
